<!DOCTYPE html>
<html>
  
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/font.js"></script>
    <script src="js/particles.min.js"></script>
    <script type="text/javascript"> document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>");   </script>
    <title>导航页</title></head>
  
  <body>
    <div id="particles-js" style="position:absolute; top: 0; z-index: -1; width: 100%;height: 100%;">
      <canvas class="particles-js-canvas-el" width="1920" height="1080" style="width: 100%; height: 100%;"></canvas>
    </div>
    <script>particlesJS("particles-js", {
        particles: {
          number: {
            value: 20,
            density: {
              enable: !0,
              value_area: 1000
            }
          },
          color: {
            value: "#e1e1e1"
          },
          shape: {
            type: "circle",
            stroke: {
              width: 0,
              color: "#000000"
            },
            polygon: {
              nb_sides: 5
            },
            image: {
              src: "img/github.svg",
              width: 100,
              height: 100
            }
          },
          opacity: {
            value: 0.5,
            random: !1,
            anim: {
              enable: !1,
              speed: 1,
              opacity_min: 0.1,
              sync: !1
            }
          },
          size: {
            value: 15,
            random: !0,
            anim: {
              enable: !1,
              speed: 180,
              size_min: 0.1,
              sync: !1
            }
          },
          line_linked: {
            enable: !0,
            distance: 650,
            color: "#cfcfcf",
            opacity: 0.26,
            width: 1
          },
          move: {
            enable: !0,
            speed: 2,
            direction: "none",
            random: !0,
            straight: !1,
            out_mode: "out",
            bounce: !1,
            attract: {
              enable: !1,
              rotateX: 600,
              rotateY: 1200
            }
          }
        },
        interactivity: {
          detect_on: "canvas",
          events: {
            onhover: {
              enable: !1,
              mode: "repulse"
            },
            onclick: {
              enable: !1,
              mode: "push"
            },
            resize: !0
          },
          modes: {
            grab: {
              distance: 400,
              line_linked: {
                opacity: 1
              }
            },
            bubble: {
              distance: 400,
              size: 40,
              duration: 2,
              opacity: 8,
              speed: 3
            },
            repulse: {
              distance: 200,
              duration: 0.4
            },
            push: {
              particles_nb: 4
            },
            remove: {
              particles_nb: 2
            }
          }
        },
        retina_detect: !0
      });</script>
    <div id="wrap">
      <div id="top">






        <!-- 时钟域  开始   -->
              <div>
              <br> <br> <br> <br> <br>   
                <script src="js/vue.min.js"></script>
                  <div id="clock">





                  <p class="date">{{ date }}</p>
                  <p class="time"> {{ time }}</p>



                  <div   >
                    <form action="https://www.baidu.com/s" method="get" target="_blank"> 
                    <input type="text"  style="width:100%;height: 50px;font-size: 30px;border-radius: 8px;border-style:outset" name="wd" placeholder="百度一下">     
                    </form>
                  </div>



                <script>
                    var clock = new Vue({
                        el: '#clock',
                        data: {
                            time: '',
                            date: ''
                        }
                    });

                    var week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
                    var timerID = setInterval(updateTime, 1000);
                    updateTime();
                    function updateTime() {
                        var cd = new Date();
                        clock.time = zeroPadding(cd.getHours(), 2) + ':' + zeroPadding(cd.getMinutes(), 2) + ':' + zeroPadding(cd.getSeconds(), 2);
                        clock.date = zeroPadding(cd.getFullYear(), 4) + '-' + zeroPadding(cd.getMonth()+1, 2) + '-' + zeroPadding(cd.getDate(), 2) + ' ' + week[cd.getDay()];
                    };

                    function zeroPadding(num, digit) {
                        var zero = '';
                        for(var i = 0; i < digit; i++) {
                            zero += '0';
                        }
                        return (zero + num).slice(-digit);
                    }
                </script>
              </div>


              <div id="logo">	


            <!-- 右上角天气 开始-->
<!--                 <div id="kg-btn" class="">
                    <iframe width="400" scrolling="no" height="100" frameborder="0" allowtransparency="true" src="https://i.tianqi.com?c=code&id=35&color=%23F2F2F2&icon=1&py=zhengzhou&site=34"></iframe>
                </div> -->
            <!-- 右上角天气 结束-->

                <br><br> <br><br> <br>
                   

        		</div>
      	  </div>
      <!-- 时钟域 结束    -->    
			

      <div id="main">
        <!-- 内外网切换 -->
              <div  align=center  >
              <br>      
              <input  class='tgl tgl-flip' id='qieh' type='checkbox' />
              <label  class='tgl-btn' data-tg-off='外网' data-tg-on='内网' for='qieh'></label>
              </div>
        <!-- 外网访问地址 -->
				<div id="app" class="app animated fadeInLeft">

					<ul>
						


            <!-- WAN开始 -->
<li><a href='https://ffing.fun:250' target='_blank'><img class='shake' src='img/png/esxi.png' /><strong>Esxi</strong></a></li>
<li><a href='https://ffing.fun:5001' target='_blank'><img class='shake' src='img/png/dsm.png' /><strong>DSM</strong></a></li>
<li><a href='https://ffing.fun:251' target='_blank'><img class='shake' src='img/png/ikuai.png' /><strong>Ikuai</strong></a></li>
<li><a href='http://ffing.fun:252' target='_blank'><img class='shake' src='img/png/istore.png' /><strong>Istore</strong></a></li>
<li><a href='http://ffing.fun:8096' target='_blank'><img class='shake' src='img/png/jellyfin.png' /><strong>Jellyfin</strong></a></li>
<li><a href='http://cloud.ffing.cn' target='_blank'><img class='shake' src='img/png/alist.png' /><strong>Alist</strong></a></li>
<li><a href='http://ffing.cn' target='_blank'><img class='shake' src='img/png/ffing.png' /><strong>FFing</strong></a></li>
<li><a href='http://ffing.fun:13378' target='_blank'><img class='shake' src='img/png/book.png' /><strong>AudioBook</strong></a></li>
<li><a href='tianyiyun://' target='_blank'><img class='shake' src='img/png/tianyiyun.png' /><strong>天翼云电脑</strong></a></li>
<li><a href='https://www.aliyun.com/' target='_blank'><img class='shake' src='img/png/aliyun.png' /><strong>阿里云</strong></a></li>
<li><a href='https://cloud.tencent.com/' target='_blank'><img class='shake' src='img/png/txyun.png' /><strong>腾讯云</strong></a></li>
<li><a href='https://space.bilibili.com/376172153' target='_blank'><img class='shake' src='img/png/bilibili.png' /><strong>B站</strong></a></li>
<li><a href='https://www.douyin.com/' target='_blank'><img class='shake' src='img/png/douyin.png' /><strong>抖音</strong></a></li>
<li><a href='https://www.youtube.com/' target='_blank'><img class='shake' src='img/png/youtube.png' /><strong>Youtube</strong></a></li>
<li><a href='http://hub.docker.com/' target='_blank'><img class='shake' src='img/png/docker.png' /><strong>Docker</strong></a></li>
<li><a href='https://github.com/' target='_blank'><img class='shake' src='img/png/github.png' /><strong>Github</strong></a></li>
<li><a href='https://gitee.com/ffing/onekey' target='_blank'><img class='shake' src='img/png/gitee.png' /><strong>Gitee</strong></a></li>
<li><a href='https://www.jd.com/' target='_blank'><img class='shake' src='img/png/jd.png' /><strong>JD</strong></a></li>
<li><a href='https://www.taobao.com/' target='_blank'><img class='shake' src='img/png/taobao.png' /><strong>TaoBao</strong></a></li>
            <!-- WAN结束 -->


					</ul>
				</div>
				<!-- 内网网访问地址 -->
				<div id="app1" class="app animated fadeInRight">
					<ul>


            <!-- LAN开始 -->
<li><a href='https://192.168.68.250' target='_blank'><img class='shake' src='img/png/esxi.png' /><strong>Esxi</strong></a></li>
<li><a href='https://192.168.68.253:5001' target='_blank'><img class='shake' src='img/png/dsm.png' /><strong>DSM</strong></a></li>
<li><a href='https://192.168.68.251:251' target='_blank'><img class='shake' src='img/png/ikuai.png' /><strong>Ikuai</strong></a></li>
<li><a href='http://192.168.68.250' target='_blank'><img class='shake' src='img/png/istore.png' /><strong>Istore</strong></a></li>
<li><a href='http://192.168.68.253:13378' target='_blank'><img class='shake' src='img/png/book.png' /><strong>AudioBook</strong></a></li>
<li><a href='vmrc://192.168.68.250/?moid=124' target='_blank'><img class='shake' src='img/png/win7.png' /><strong>Win10</strong></a></li>
<li><a href='tianyiyun://' target='_blank'><img class='shake' src='img/png/tianyiyun.png' /><strong>天翼云电脑</strong></a></li>
<li><a href='http://192.168.68.253:5700' target='_blank'><img class='shake' src='img/png/qinglong.png' /><strong>青龙面板</strong></a></li>
<li><a href='http://192.168.68.253:8096' target='_blank'><img class='shake' src='img/png/jellyfin.png' /><strong>Jellyfin</strong></a></li>
<li><a href='http://cloud.ffing.cn' target='_blank'><img class='shake' src='img/png/alist.png' /><strong>Alist</strong></a></li>
<li><a href='http://ffing.cn' target='_blank'><img class='shake' src='img/png/ffing.png' /><strong>FFing</strong></a></li>
            <!-- LAN结束 -->



					</ul>
				</div>
				<div style="clear: both;"></div>

			</div>





		</div>
  </div>
<!-- 		<div id="footer">




    	<div class="footer-contents">
    				<div class="links">
    					<div class="line">
    						<li>
    						<a href="https://www.baidu.com/" target="_blank">百度</a>&nbsp;&nbsp;&nbsp;<span class="footer-link-separator"></span>&nbsp;&nbsp;&nbsp;
    						</div>
    				</div>
    			</div> 





	 </div> -->
  <footer align="center" class="footer ">


  <!-- 天气+ddisk+logs域 -->
  <div style="font-size: 1px; background-color:white; width: 900px; height:225px; margin:auto; border-radius: 8px;border-style:outset; ">
  <table>
  <tbody><tr>
  <th>
    <p>&nbsp;</p>

  <iframe style=" background-color:white;" width="290" scrolling="no" height="196" frameborder="0" allowtransparency="true" src="https://i.tianqi.com?c=code&amp;id=162&amp;py=zhengzhou&amp;site=14"> </iframe>
  </th>
  <th>
  <iframe src="http://ffing.fun:998/" width="300px" height="220px" frameborder="0"></iframe>
  </th>
  <th>
  <iframe src="http://ffing.fun:999/" width="300px" height="220px" frameborder="0"></iframe>
  </th>
  </tr>
  </tbody></table>
  </div> 


  <p>&nbsp;</p>

  <p>@ ffing.fun &amp; ffing.cn 

  <!-- <a style="color: black;"  href="https://www.upyun.com/"target="_blank">&nbsp;又拍云CDN</a> -->

  </p>
    
</footer>


  </body>

</html>